<svg width="200" height="200">
  <PolyGraph :stats="stats"></PolyGraph>
</svg>

<!-- controls -->
<div v-for="stat in stats">
  <label>{{stat.label}}</label>
  <input type="range" v-model="stat.value" min="0" max="100">
  <span>{{stat.value}}</span>
  <button @click="remove(stat)" class="remove">X</button>
</div>

<form id="add">
  <input name="newlabel" v-model="newLabel">
  <button @click="add">Add a Stat</button>
</form>

<pre id="raw">{{ stats }}</pre>
